<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <pre>
        webpack出现的历史原因：

    1、代码之间的相互影响，依赖
    2、变量命名的冲突
    3、浏览器不识别高版本的js语言
    4、代码不压缩、体积过大
    5、代码冗余，性能不够优化


     而webpack可以很好的解决以上的问题

     webpack       
           会整合 同一种类型的文件，便于使用和管理，
           编译代码 是的 浏览器 能够识别
           压缩代码，节约空间
           优化代码，提高运行性能


    webpack-dev-server 
           实现webpack的自动打包，就是指在脚本运行之后 服务不会终止，实时监听文件内的内容有没有改变，如果发生了改变，就再次打包。

           同时它内置http服务，能够将项目托管成一个服务器的形式来运行

           1、下载 webpack-dev-server  2、修改dev：webpack-dev-server 3、修改引入的script 引入的js文件路径为，根目录下的 js （/main.js）
    </pre>
</body>

</html>